<template>
	<div class="hello">
   		<section>
   			<router-link to="/search" tag="input" placeholder="请输入搜索关键词" v-model="value" class="searchs"></router-link>
			<ul class="discover_list">
				<router-link to="#" tag="li">
					<div class="discover_a">
						<img src="../../build/logo.png" width="53" height="53" style="border-radius: 50%;margin-right: 11px;"/>
						<span>
							<p>周杰伦</p>
							<em>&gt;</em>
						</span>
					</div>
					<div class="discover_b">
						<p>sdsdsa</p>
						<router-link to="#">
							<img src="../assets/logo.png" height="140" width="330" style="margin-left: 24px;"/>
						</router-link>
						<span><van-icon name="eye-o" />dsdjs</span>
						<span style="margin-left: 166px;"><van-icon name="chat-o" />dsdjs</span>
						<span><van-icon name="thumb-circle-o" />dsdjs</span>
					</div>
				</router-link>
			</ul>
   		</section>
   		
	</div>
</template>

<script>
	import { Row, Col,Tabbar, TabbarItem,Icon} from 'vant';
	export default {
		name: 'Discover',
		components:{
         [Row.name]:Row,
         [Col.name]:Col,
         [Tabbar.name]:Tabbar,
         [TabbarItem.name]:TabbarItem,
         [Icon.name]:Icon
      },
		data() {
			return {
				src: '',
				active:2
			}
	  },
	  methods:{
	  	back(){
	  		this.$router.go(-1);
	  	}
	  }
	}
</script>

<style>
	.searchs{
	width: 330px;
	height: 28px;
	border-radius:10px ;
	border: 1px solid #ccc;
	margin: 10px 0 0 17px;
}
.discover_a{
	display: flex;
	position: relative;
	margin: 12px 0;
}
.discover_a span>p{
	margin: 5px 0;
	font-size: 14px;
}
.discover_a span>em{
	position: absolute;
	right: 5px;
	top: 0;
	font-size: 30px;
	font-style: normal;
	color: #a8a8a8;
}
.discover_b p{
	font-size: 16px;
	color: #CCCCCC;
}
</style>